<template>
    <div class="nav">
        <el-menu
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b"
            :router="true"
            :default-active="$route.path"
            :unique-opened="true">
            <el-menu-item index="/">主页</el-menu-item>
            <el-submenu index="1">
                <template slot="title">
                    <span>模块一</span>
                </template>
                <el-menu-item index="1-1">用户列表</el-menu-item>
                <el-menu-item index="1-2">日志列表</el-menu-item>
            </el-submenu>
            <el-submenu index="2">
                <template slot="title">
                    <span>模块二</span>
                </template>
                <el-menu-item index="2-1">音乐列表</el-menu-item>
            </el-submenu>
            <el-submenu index="3">
                <template slot="title">
                    <span>模块三</span>
                </template>
                <el-menu-item index="3-1">模块四</el-menu-item>
                <el-menu-item index="3-2">模块五</el-menu-item>
            </el-submenu>
            <el-menu-item index="4">模块六</el-menu-item>
            <!-- <el-menu-item index="5">模块七</el-menu-item> -->
            <!-- <el-menu-item index="6">模块八</el-menu-item> -->
            <el-submenu index="7">
                <template slot="title">
                    <span>系统管理</span>
                </template>
                <el-menu-item index="8">基本配置</el-menu-item>
            </el-submenu>
        </el-menu>
    </div>
</template>

<script>
export default {
    data () {
        return {

        }
    }
}
</script>

<style lang="scss" scoped>
.nav {
    height: 100%;
    width: 200px;
    background-color: #545c64;
}
</style>